/**
 * 树状菜单，显示在主界面的左边 
 */
Ext.define('app.view.main.menu.MainMenuTree', {

	extend: 'Ext.tree.Panel',
	
	alias: 'widget.mainmenutree',
	
    title : '系统菜单',  
    glyph : 0xf0c9,  
    rootVisible : false,  
    lines : true,  
    
    initComponent: function() {
    	this.store = Ext.create('Ext.data.TreeStore', {  
            root : {  
                text : '系统菜单',  
                leaf : false,  
                expanded : true,
                /**
                 * 如果不写这个children:[]， 则脚本会报错，提示Ext.data.TreeModel.js找不到，但是不影响程序运行。
                 * 猜测：如果设置leaf:false，且子节点不存在，则会自动发送请求去查找叶子节点，这时候会用到TreeModel
                 */
                children : [] 
            }
        });  
        var menus = this.up('app-main').getViewModel().get('tf_MenuGroups');  
        var root = this.store.getRootNode();  
        for (var i in menus) {  
            var menugroup = menus[i];  
            var menuitem = root.appendChild({  
                text : menugroup.tf_title,  
                // 节点默认是否展开  
                expanded : menugroup.tf_expand,  
                icon : menugroup.tf_iconURL,  
                glyph : menugroup.tf_glyph  
            });  
            for (var j in menugroup.tf_menuModules) {  
                var menumodule = menugroup.tf_menuModules[j];
                var childnode = {  
                    moduleId : module.tf_moduleId,  
                    moduleName : module.tf_moduleName,  
                    text : module.tf_title,  
                    leaf : true   
                };  
                menuitem.appendChild(childnode);  
            }  
        }  
        this.callParent(arguments); 
    }
}); 